@charset "UTF-8";
.codepen-wrapper[data-codepen-id="Yyjpqe"] *, .codepen-wrapper[data-codepen-id="Yyjpqe"] *:before, .codepen-wrapper[data-codepen-id="Yyjpqe"] *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
}

.codepen-wrapper[data-codepen-id="Yyjpqe"] html,
.codepen-wrapper[data-codepen-id="Yyjpqe"] body {
font-size: 1px;
}

.codepen-wrapper[data-codepen-id="Yyjpqe"] body {
background: #ededed;
text-align: center;
}

.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief {
position: relative;
display: block;
z-index: 1;
width: 26rem;
height: 34.3rem;
margin: 16rem auto;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief:before, .codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief:after {
content: "";
position: absolute;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief:before {
background: #d1d1d2;
border-radius: 50%;
z-index: -1;
width: 54rem;
height: 54rem;
top: -10rem;
left: -14rem;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief:after {
z-index: 1;
background: rgba(255, 255, 255, 0.15);
width: .2rem;
height: 2rem;
top: 21rem;
left: 6.5rem;
animation: shine-move 5s ease-in-out infinite forwards;
border-radius: 50%;
box-shadow: 0 0 1.7rem .8rem rgba(255, 255, 255, 0.15);
opacity: 0;
transform: rotateZ(-30deg);
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(1) {
position: absolute;
width: 26rem;
height: 6.2rem;
top: 17rem;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(1) > div {
position: absolute;
background: #43433b;
border: solid .2rem #605e52;
width: 1.5rem;
height: 6.2rem;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(1) > div:before, .codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(1) > div:after {
content: "";
position: absolute;
background: #32302b;
border-radius: 50%;
width: .6rem;
height: .6rem;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(1) > div:before {
top: 1.9rem;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(1) > div:after {
top: 3.1rem;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(1) > div:nth-child(1) {
left: 0;
border-right: none;
border-top-left-radius: 1.1rem 1.5rem;
border-bottom-left-radius: 1.1rem 1.5rem;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(1) > div:nth-child(1):before, .codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(1) > div:nth-child(1):after {
right: .3rem;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(1) > div:nth-child(2) {
right: 0;
border-left: none;
border-top-right-radius: 1.1rem 1.5rem;
border-bottom-right-radius: 1.1rem 1.5rem;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(1) > div:nth-child(2):before, .codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(1) > div:nth-child(2):after {
left: .3rem;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(2) {
position: absolute;
background: #59574c;
width: 23.2rem;
height: 6rem;
top: 17rem;
left: 1.4rem;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(2):before, .codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(2):after {
content: "";
position: absolute;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(2):before {
background: #59574c;
width: 23.6rem;
height: 3.7rem;
top: -3.7rem;
left: -.2rem;
border-bottom-left-radius: .2rem 1rem;
border-bottom-right-radius: .2rem 1rem;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(2):after {
background: #59574c;
width: 22.6rem;
height: 2.3rem;
top: 6rem;
left: .3rem;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(2) > div:nth-child(1) {
position: absolute;
width: 22.6rem;
height: 8.5rem;
top: 8.3rem;
left: .3rem;
border-style: solid;
border-color: #59574c transparent transparent;
border-width: 8.5rem 8.5rem 0 8.5rem;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(2) > div:nth-child(1):before, .codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(2) > div:nth-child(1):after {
content: "";
position: absolute;
width: 1.6rem;
height: .9rem;
top: -2.7rem;
border-style: solid;
border-color: #59574c transparent transparent transparent;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(2) > div:nth-child(1):before {
left: -3.2rem;
border-width: .9rem 0 0 1.6rem;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(2) > div:nth-child(1):after {
right: -3.2rem;
border-width: .9rem 1.6rem 0 0;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(2) > div:nth-child(2) {
position: absolute;
width: 1.8rem;
height: 1.1rem;
top: 13.3rem;
left: 4.3rem;
border-style: solid;
border-color: #232323 transparent transparent;
border-width: 1.1rem 0 0 1.8rem;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(2) > div:nth-child(2):before, .codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(2) > div:nth-child(2):after {
content: "";
position: absolute;
border-style: solid;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(2) > div:nth-child(2):before {
width: .2rem;
height: 1.1rem;
top: -1.1rem;
border-color: transparent transparent #232323;
border-width: 0 .2rem 1.1rem 0;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(2) > div:nth-child(2):after {
width: 1.8rem;
height: 2.2rem;
top: -3.3rem;
left: -1.8rem;
border-color: transparent transparent #232323;
border-width: 0 1.8rem 2.2rem 0;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(2) > div:nth-child(3) {
position: absolute;
width: .5rem;
height: .3rem;
top: 13rem;
left: 3.8rem;
border-style: solid;
border-color: #232323 transparent transparent;
border-width: .3rem 0 0 .5rem;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(2) > div:nth-child(3):before, .codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(2) > div:nth-child(3):after {
content: "";
position: absolute;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(2) > div:nth-child(3):before {
background: #232323;
width: .5rem;
height: 1.9rem;
top: -2.2rem;
left: -.5rem;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(2) > div:nth-child(3):after {
width: .5rem;
height: .6rem;
top: -2.8rem;
left: -.5rem;
border-style: solid;
border-color: transparent transparent #232323;
border-width: 0 .5rem .6rem 0;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(2) > div:nth-child(4) {
position: absolute;
width: 1.3rem;
height: 2.4rem;
top: 10.6rem;
left: 2.5rem;
border-style: solid;
border-color: #232323 transparent transparent;
border-width: 2.4rem 0 0 1.3rem;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(2) > div:nth-child(4):before, .codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(2) > div:nth-child(4):after {
content: "";
position: absolute;
border-style: solid;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(2) > div:nth-child(4):before {
width: .4rem;
height: 1.6rem;
top: -4rem;
left: -1.7rem;
border-color: transparent #232323 transparent transparent;
border-width: .3rem .4rem 1.3rem 0;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(2) > div:nth-child(4):after {
width: 1.4rem;
height: 1.6rem;
top: -4rem;
left: -1.3rem;
border-color: transparent transparent #232323;
border-width: 0 1.4rem 1.6rem 0;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(2) > div:nth-child(5) {
position: absolute;
width: 1.8rem;
height: 1.1rem;
top: 13.3rem;
right: 4.3rem;
border-style: solid;
border-color: #232323 transparent transparent;
border-width: 1.1rem 1.8rem 0 0;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(2) > div:nth-child(5):before, .codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(2) > div:nth-child(5):after {
content: "";
position: absolute;
border-style: solid;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(2) > div:nth-child(5):before {
width: .2rem;
height: 1.1rem;
top: -1.1rem;
right: 0;
border-color: transparent transparent #232323;
border-width: 0 0 1.1rem .2rem;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(2) > div:nth-child(5):after {
width: 1.8rem;
height: 2.2rem;
top: -3.3rem;
right: -1.8rem;
border-color: transparent transparent #232323;
border-width: 0 0 2.2rem 1.8rem;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(2) > div:nth-child(6) {
position: absolute;
width: .5rem;
height: .3rem;
top: 13rem;
right: 3.8rem;
border-style: solid;
border-color: #232323 transparent transparent;
border-width: .3rem .5rem 0 0;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(2) > div:nth-child(6):before, .codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(2) > div:nth-child(6):after {
content: "";
position: absolute;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(2) > div:nth-child(6):before {
background: #232323;
width: .5rem;
height: 1.9rem;
top: -2.2rem;
right: -.5rem;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(2) > div:nth-child(6):after {
width: .5rem;
height: .6rem;
top: -2.8rem;
right: -.5rem;
border-style: solid;
border-color: transparent transparent #232323;
border-width: 0 0 .6rem .5rem;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(2) > div:nth-child(7) {
position: absolute;
width: 1.3rem;
height: 2.4rem;
top: 10.6rem;
right: 2.5rem;
border-style: solid;
border-color: #232323 transparent transparent;
border-width: 2.4rem 1.3rem 0 0;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(2) > div:nth-child(7):before, .codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(2) > div:nth-child(7):after {
content: "";
position: absolute;
border-style: solid;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(2) > div:nth-child(7):before {
width: .4rem;
height: 1.6rem;
top: -4rem;
right: -1.7rem;
border-color: transparent transparent transparent #232323;
border-width: .3rem 0 1.3rem .4rem;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(2) > div:nth-child(7):after {
width: 1.4rem;
height: 1.6rem;
top: -4rem;
right: -1.3rem;
border-color: transparent transparent #232323;
border-width: 0 0 1.6rem 1.4rem;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(3) {
position: absolute;
width: 5.8rem;
height: 5.4rem;
top: 28.5rem;
left: 10.1rem;
border-style: solid;
border-color: transparent transparent #4b4a42;
border-width: 0 .2rem 5.4rem .2rem;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(3):before, .codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(3):after {
content: "";
position: absolute;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(3):before {
width: 5.8rem;
height: .4rem;
top: 5.4rem;
left: -.2rem;
border-style: solid;
border-color: #4b4a42 transparent transparent;
border-width: .4rem 1.1rem 0 1.1rem;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(3):after {
background: #53514a;
width: 3.6rem;
height: 4.2rem;
top: 1.6rem;
left: .9rem;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(3) > div:nth-child(1) {
position: absolute;
width: 5.4rem;
height: 1.6rem;
border-style: solid;
border-color: #48473e transparent transparent;
border-width: 1.6rem .9rem 0 .9rem;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(3) > div:nth-child(1):before, .codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(3) > div:nth-child(1):after {
content: "";
position: absolute;
z-index: 1;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(3) > div:nth-child(1):before {
width: 3.2rem;
height: .7rem;
top: -1.6rem;
left: .2rem;
border-style: solid;
border-color: #0d0e0e transparent transparent;
border-width: .7rem .6rem 0 .6rem;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(3) > div:nth-child(1):after {
background: #3f3c35;
border-radius: 50%;
width: .8rem;
height: .8rem;
top: .5rem;
left: -.4rem;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(3) > div:nth-child(2), .codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(3) > div:nth-child(2):before, .codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(3) > div:nth-child(2):after {
position: absolute;
background: #3f3c35;
border-radius: 50%;
z-index: 1;
width: .8rem;
height: .8rem;
top: .5rem;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(3) > div:nth-child(2):before, .codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(3) > div:nth-child(2):after {
content: "";
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(3) > div:nth-child(2) {
top: 3.8rem;
left: .5rem;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(3) > div:nth-child(2):before {
top: 0;
left: 3.6rem;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(3) > div:nth-child(2):after {
top: -1.7rem;
left: 3.6rem;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(3) > div:nth-child(3) {
position: absolute;
background: #49483f;
width: .8rem;
height: 1.9rem;
top: .9rem;
left: -2.4rem;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(3) > div:nth-child(3):before, .codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(3) > div:nth-child(3):after {
content: "";
position: absolute;
border-style: solid;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(3) > div:nth-child(3):before {
width: 1.1rem;
height: 1.9rem;
left: .8rem;
border-color: transparent transparent #49483f #49483f;
border-width: .6rem 0 1.3rem 1.1rem;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(3) > div:nth-child(3):after {
width: 1.9rem;
height: 1.7rem;
top: 1.9rem;
border-color: #49483f #49483f transparent transparent;
border-width: .3rem 1.4rem 1.4rem .5rem;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(3) > div:nth-child(4) {
position: absolute;
background: #49483f;
width: .8rem;
height: 1.9rem;
top: .9rem;
right: -2.4rem;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(3) > div:nth-child(4):before, .codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(3) > div:nth-child(4):after {
content: "";
position: absolute;
border-style: solid;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(3) > div:nth-child(4):before {
width: 1.1rem;
height: 1.9rem;
right: .8rem;
border-color: transparent #49483f #49483f transparent;
border-width: .6rem 1.1rem 1.3rem 0;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(3) > div:nth-child(4):after {
width: 1.9rem;
height: 1.7rem;
top: 1.9rem;
right: 0;
border-color: #49483f transparent transparent #49483f;
border-width: .3rem .5rem 1.4rem 1.4rem;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(4) {
position: absolute;
z-index: 1;
width: 23.9rem;
height: 10.5rem;
top: 19.6rem;
left: 1.1rem;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(4) > div:nth-child(1) {
position: absolute;
width: 2.4rem;
height: 2.8rem;
top: .3rem;
border-style: solid;
border-color: transparent transparent #504f49;
border-width: 0 2.4rem 2.8rem 0;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(4) > div:nth-child(1):before, .codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(4) > div:nth-child(1):after {
content: "";
position: absolute;
z-index: -1;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(4) > div:nth-child(1):before {
width: 2rem;
height: 3.1rem;
top: -.3rem;
left: .4rem;
border-style: solid;
border-color: transparent transparent #434239 #434239;
border-width: 2.3rem 0 0 2rem;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(4) > div:nth-child(1):after {
width: .4rem;
height: .9rem;
top: -.3rem;
left: -.4rem;
border-style: solid;
border-color: transparent #434239 transparent transparent;
border-width: .3rem .4rem 0;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(4) > div:nth-child(2) {
position: absolute;
width: 2.4rem;
height: 2.4rem;
top: 3.1rem;
border-style: solid;
border-color: transparent #504f49 transparent transparent;
border-width: 0 2.4rem 2rem 0;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(4) > div:nth-child(2):before, .codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(4) > div:nth-child(2):after {
content: "";
position: absolute;
z-index: -1;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(4) > div:nth-child(2):before {
width: 2.6rem;
height: 3.2rem;
top: -.8rem;
left: 2.4rem;
border-style: solid;
border-color: transparent transparent #434239 #434239;
border-width: 2.3rem 0 0 2rem;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(4) > div:nth-child(2):after {
width: 2.6rem;
height: 2.4rem;
left: 2.4rem;
border-style: solid;
border-color: transparent transparent #504f49 #504f49;
border-width: 2.3rem 0 0 2rem;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(4) > div:nth-child(3) {
position: absolute;
width: 2rem;
height: 2.6rem;
top: 5.5rem;
left: 2.4rem;
border-style: solid;
border-color: #504f49 transparent transparent transparent;
border-width: 2.6rem 0 0 2rem;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(4) > div:nth-child(3):before, .codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(4) > div:nth-child(3):after {
content: "";
position: absolute;
z-index: -1;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(4) > div:nth-child(3):before {
width: 4rem;
height: 3.5rem;
top: -3.5rem;
border-style: solid;
border-color: transparent transparent transparent #434239;
border-width: 2.8rem 0 0 4.4rem;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(4) > div:nth-child(3):after {
width: 4rem;
height: 2.7rem;
top: -2.7rem;
border-style: solid;
border-color: transparent transparent transparent #504f49;
border-width: 2.3rem 0 0 4rem;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(4) > div:nth-child(4) {
position: absolute;
width: 2rem;
height: 2.2rem;
top: 8.1rem;
left: 4.4rem;
border-style: solid;
border-color: #504f49 transparent transparent;
border-width: 2.2rem 0 0 2rem;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(4) > div:nth-child(4):before, .codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(4) > div:nth-child(4):after {
content: "";
position: absolute;
z-index: -1;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(4) > div:nth-child(4):before {
width: .4rem;
height: 1.4rem;
top: -2.2rem;
left: 2rem;
border-style: solid;
border-color: transparent transparent transparent #434239;
border-width: 0 0 .3rem .4rem;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(4) > div:nth-child(4):after {
width: 1.9rem;
height: 1.6rem;
top: -2.4rem;
border-style: solid;
border-color: transparent #504f49 transparent #504f49;
border-width: 0 .9rem .4rem 1.1rem;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(4) > div:nth-child(5) {
position: absolute;
width: 2.4rem;
height: 2.8rem;
top: .3rem;
right: 0;
border-style: solid;
border-color: transparent transparent #504f49;
border-width: 0 0 2.8rem 2.4rem;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(4) > div:nth-child(5):before, .codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(4) > div:nth-child(5):after {
content: "";
position: absolute;
z-index: -1;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(4) > div:nth-child(5):before {
width: 2rem;
height: 3.1rem;
top: -.3rem;
right: .4rem;
border-style: solid;
border-color: transparent #434239 #434239 transparent;
border-width: 2.3rem 2rem 0 0;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(4) > div:nth-child(5):after {
width: .4rem;
height: .9rem;
top: -.3rem;
right: -.4rem;
border-style: solid;
border-color: transparent transparent transparent #434239;
border-width: .3rem .4rem 0;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(4) > div:nth-child(6) {
position: absolute;
width: 2.4rem;
height: 2.4rem;
top: 3.1rem;
right: 0;
border-style: solid;
border-color: transparent transparent transparent #504f49;
border-width: 0 0 2rem 2.4rem;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(4) > div:nth-child(6):before, .codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(4) > div:nth-child(6):after {
content: "";
position: absolute;
z-index: -1;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(4) > div:nth-child(6):before {
width: 2.6rem;
height: 3.2rem;
top: -.8rem;
right: 2.4rem;
border-style: solid;
border-color: transparent #434239 #434239 transparent;
border-width: 2.3rem 2rem 0 0;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(4) > div:nth-child(6):after {
width: 2.6rem;
height: 2.4rem;
right: 2.4rem;
border-style: solid;
border-color: transparent #504f49 #504f49 transparent;
border-width: 2.3rem 2rem 0 0;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(4) > div:nth-child(7) {
position: absolute;
width: 2rem;
height: 2.6rem;
top: 5.5rem;
right: 2.4rem;
border-style: solid;
border-color: #504f49 transparent transparent;
border-width: 2.6rem 2rem 0 0;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(4) > div:nth-child(7):before, .codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(4) > div:nth-child(7):after {
content: "";
position: absolute;
z-index: -1;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(4) > div:nth-child(7):before {
width: 4rem;
height: 3.5rem;
top: -3.5rem;
right: 0;
border-style: solid;
border-color: transparent #434239 transparent transparent;
border-width: 2.8rem 4.4rem 0 0;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(4) > div:nth-child(7):after {
width: 4rem;
height: 2.7rem;
top: -2.7rem;
right: 0;
border-style: solid;
border-color: transparent #504f49 transparent transparent;
border-width: 2.3rem 4rem 0 0;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(4) > div:nth-child(8) {
position: absolute;
width: 2rem;
height: 2.2rem;
top: 8.1rem;
right: 4.4rem;
border-style: solid;
border-color: #504f49 transparent transparent;
border-width: 2.2rem 2rem 0 0;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(4) > div:nth-child(8):before, .codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(4) > div:nth-child(8):after {
content: "";
position: absolute;
z-index: -1;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(4) > div:nth-child(8):before {
width: .4rem;
height: 1.4rem;
top: -2.2rem;
right: 2rem;
border-style: solid;
border-color: transparent #434239 transparent transparent;
border-width: 0 .4rem 0 .3rem;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(4) > div:nth-child(8):after {
width: 1.9rem;
height: 1.6rem;
top: -2.4rem;
right: 0;
border-style: solid;
border-color: transparent #504f49;
border-width: 0 1.1rem .4rem .9rem;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(5) {
position: absolute;
width: 20.8rem;
height: 5.7rem;
top: 14.2rem;
left: 2.6rem;
border-style: solid;
border-color: #151616 transparent transparent;
border-width: 5.7rem .2rem 0;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(5):before, .codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(5):after {
content: "";
position: absolute;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(5):before {
width: 20.4rem;
height: .8rem;
left: 0;
border-style: solid;
border-color: #151616 transparent transparent;
border-width: .8rem .8rem 0;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(5):after {
width: 18.8rem;
height: 3.2rem;
top: .8rem;
left: .8rem;
border-style: solid;
border-color: #151616 transparent transparent;
border-width: 3.2rem 2.8rem 0;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(5) > div:nth-child(1) {
position: absolute;
width: 13.2rem;
height: 2.8rem;
top: 4rem;
left: 3.6rem;
border-style: solid;
border-color: #151616 transparent transparent;
border-width: 2.8rem 4.2rem 0;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(5) > div:nth-child(1):before, .codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(5) > div:nth-child(1):after {
content: "";
position: absolute;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(5) > div:nth-child(1):before {
background: #0f0f0f;
width: 4.4rem;
height: 1.8rem;
left: .2rem;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(5) > div:nth-child(1):after {
width: 7.2rem;
height: .8rem;
top: -.8rem;
left: -1.2rem;
border-style: solid;
border-color: #0f0f0f transparent transparent;
border-width: .8rem 1.2rem 0;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(5) > div:nth-child(2) {
position: absolute;
background: #c8a15a url("https://img09.deviantart.net/4213/i/2004/309/6/8/space_ring_by_snipwolf.jpg") no-repeat;
background-position: 1rem -1rem;
background-size: 90%;
box-shadow: inset 0 0 5.1rem 3.3rem #c8a15a;
z-index: 2;
width: 19rem;
height: 8.2rem;
top: -4.6rem;
left: .7rem;
border-bottom-left-radius: 6.9rem 8.2rem;
border-bottom-right-radius: 6.9rem 8.2rem;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] .flat #master-chief > div:nth-child(5) > div:nth-child(2) {
background-image: none;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(5) > div:nth-child(2):before, .codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(5) > div:nth-child(2):after {
content: "";
position: absolute;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(5) > div:nth-child(2):before {
width: 8rem;
height: 1.6rem;
top: 7.4rem;
left: 5.5rem;
border-style: solid;
border-color: transparent #c8a15a transparent;
border-width: .8rem 2rem;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(5) > div:nth-child(2):after {
width: 7.2rem;
height: .8rem;
top: 9.8rem;
left: 5.9rem;
border-style: solid;
border-color: transparent transparent #0f0f0f;
border-width: 0 1.2rem .8rem;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(5) > div:nth-child(3) {
position: absolute;
z-index: 1;
width: 2.6rem;
height: 2.3rem;
top: 2.1rem;
left: 3.6rem;
border-style: solid;
border-color: #c8a15a #c8a15a transparent transparent;
border-width: .9rem 2.2rem 1.4rem .4rem;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(5) > div:nth-child(3):before {
content: "";
position: absolute;
z-index: 1;
width: 2.6rem;
height: 2.3rem;
top: -.9rem;
left: 10.2rem;
border-style: solid;
border-color: #c8a15a transparent transparent #c8a15a;
border-width: .9rem .4rem 1.4rem 2.2rem;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(5) > div:nth-child(4) {
position: absolute;
display: none;
z-index: 3;
width: 6.6rem;
height: 1.4rem;
top: -1.1rem;
left: 6.9rem;
border-style: solid;
border-color: transparent transparent #c19b56;
border-width: 0 1.9rem 1.4rem;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] .flat #master-chief > div:nth-child(5) > div:nth-child(4) {
display: block;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(5) > div:nth-child(4):before, .codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(5) > div:nth-child(4):after {
content: "";
position: absolute;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(5) > div:nth-child(4):before {
width: 2.8rem;
height: .4rem;
left: 0;
border-style: solid;
border-color: #c8a15a transparent transparent;
border-width: .4rem 1.4rem;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(5) > div:nth-child(4):after {
width: 11.8rem;
height: 1.4rem;
top: .9rem;
left: -4.5rem;
border-style: solid;
border-color: transparent transparent #c19b56;
border-width: 0 1.5rem 1.4rem;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(5) > div:nth-child(5) {
position: absolute;
display: none;
z-index: 3;
width: 11.8rem;
height: 1.4rem;
top: 1.2rem;
left: 4.3rem;
border-style: solid;
border-color: #c19b56 transparent;
border-width: 1.4rem 1.2rem 0;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] .flat #master-chief > div:nth-child(5) > div:nth-child(5) {
display: block;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(5) > div:nth-child(5):before, .codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(5) > div:nth-child(5):after {
content: "";
position: absolute;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(5) > div:nth-child(5):before {
width: 2.6rem;
height: .7rem;
left: 0;
border-style: solid;
border-color: #c19b56 transparent transparent;
border-width: .7rem 1.8rem 0 .8rem;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(5) > div:nth-child(5):after {
width: 2.6rem;
height: .7rem;
right: 0;
border-style: solid;
border-color: #c19b56 transparent transparent;
border-width: .7rem .8rem 0 1.8rem;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(6) {
position: absolute;
z-index: 2;
width: 24.2rem;
height: 18.5rem;
left: .9rem;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(6):before, .codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(6):after {
content: "";
position: absolute;
z-index: -1;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(6):before {
background: #4a4942;
width: 7.2rem;
height: 10.7rem;
left: 8.5rem;
border-top: solid 3.2rem #48483f;
border-bottom: solid 3.3rem #4b4a46;
border-top-left-radius: 3.6rem .7rem;
border-top-right-radius: 3.6rem .7rem;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(6):after {
background: #525047;
width: 7.2rem;
height: 6.6rem;
top: 10.7rem;
left: 8.5rem;
border-top: solid 3.6rem #52514a;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(6) > div:nth-child(1) {
position: absolute;
width: 7.2rem;
height: 1rem;
top: 17.3rem;
left: 8.5rem;
border-style: solid;
border-color: #525047 transparent transparent;
border-width: 1rem 3.6rem 0;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(6) > div:nth-child(2) {
position: absolute;
width: 1.9rem;
height: 9.9rem;
top: 4.1rem;
left: .4rem;
border-style: solid;
border-color: transparent #555349 transparent transparent;
border-width: 3.4rem 1.9rem 2.1rem 0;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(6) > div:nth-child(2):before, .codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(6) > div:nth-child(2):after {
content: "";
position: absolute;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(6) > div:nth-child(2):before {
width: .4rem;
height: 4.1rem;
left: -.4rem;
border-style: solid;
border-color: transparent #555349 transparent transparent;
border-width: 4rem .4rem .4rem 0;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(6) > div:nth-child(2):after {
z-index: 1;
width: .4rem;
height: 2.1rem;
top: 8.8rem;
left: 7.9rem;
border-style: solid;
border-color: transparent #46453c transparent transparent;
border-width: 0 .2rem 2.1rem .2rem;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(6) > div:nth-child(3) {
position: absolute;
width: 2rem;
height: 3.4rem;
top: 1.6rem;
left: 2.3rem;
border-style: solid;
border-color: transparent #494844 #494844 transparent;
border-width: 2.5rem 2rem .9rem 0;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(6) > div:nth-child(3):before, .codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(6) > div:nth-child(3):after {
content: "";
position: absolute;
border-style: solid;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(6) > div:nth-child(3):before {
width: 2.6rem;
height: 5.1rem;
top: .9rem;
border-color: #494844 #3b3932 #44433a transparent;
border-width: 2.6rem 2.6rem 2.5rem 0;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(6) > div:nth-child(3):after {
width: 1.9rem;
height: 3.8rem;
top: 2.2rem;
left: .6rem;
border-color: transparent #494844 #494844 transparent;
border-width: 1.8rem 1.9rem 0 0;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(6) > div:nth-child(4) {
position: absolute;
width: 2.7rem;
height: .7rem;
top: 9.4rem;
left: 2.3rem;
border-style: solid;
border-color: transparent #555349;
border-width: .7rem 1.6rem 0 1.1rem;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(6) > div:nth-child(4):before, .codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(6) > div:nth-child(4):after {
content: "";
position: absolute;
border-style: solid;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(6) > div:nth-child(4):before {
width: 3.3rem;
height: 5.6rem;
left: -1.1rem;
border-color: transparent #555349 #46453c transparent;
border-width: 0 3.3rem 1.7rem 0;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(6) > div:nth-child(4):after {
z-index: -1;
width: 2.3rem;
height: 4.2rem;
top: 1.4rem;
left: -3.4rem;
border-color: transparent #46453c transparent transparent;
border-width: 0 2.3rem 2.4rem 0;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(6) > div:nth-child(5) {
position: absolute;
width: .9rem;
height: 17rem;
left: 8.6rem;
bottom: 0;
border-style: solid;
border-color: transparent transparent transparent #48473e;
border-width: 9.9rem 0 .8rem .9rem;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(6) > div:nth-child(5):before, .codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(6) > div:nth-child(5):after {
content: "";
position: absolute;
border-style: solid;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(6) > div:nth-child(5):before {
z-index: -1;
width: 4rem;
height: 3.8rem;
top: 2.2rem;
left: -7.9rem;
border-color: #46453c #46453c transparent transparent;
border-width: 0 3.3rem 1.7rem 0;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(6) > div:nth-child(5):after {
width: 3rem;
height: 3.8rem;
top: 3.3rem;
left: -3.9rem;
border-color: #3e3b33 #3e3b33 transparent transparent;
border-width: 0 3rem 1.1rem 0;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(6) > div:nth-child(6) {
position: absolute;
background: #65635b;
z-index: 1;
width: .8rem;
height: 16.4rem;
top: .1rem;
left: 8.5rem;
border-top-right-radius: .8rem 7rem;
border-bottom-right-radius: .5rem 3.5rem;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(6) > div:nth-child(6):before, .codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(6) > div:nth-child(6):after {
content: "";
position: absolute;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(6) > div:nth-child(6):before {
width: 4.6rem;
height: 2rem;
left: -4.6rem;
border-style: solid;
border-color: transparent #65635b #65635b transparent;
border-width: 1.2rem 4rem .8rem .6rem;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(6) > div:nth-child(6):after {
width: 4.6rem;
height: 14.4rem;
top: 2rem;
left: -4.6rem;
border-style: solid;
border-color: #65635b #65635b transparent transparent;
border-width: 13.6rem 3rem .8rem 1.6rem;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(6) > div:nth-child(7) {
position: absolute;
width: 1.9rem;
height: 9.9rem;
top: 4.1rem;
right: .4rem;
border-style: solid;
border-color: transparent transparent transparent #555349;
border-width: 3.4rem 0 2.1rem 1.9rem;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(6) > div:nth-child(7):before, .codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(6) > div:nth-child(7):after {
content: "";
position: absolute;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(6) > div:nth-child(7):before {
width: .4rem;
height: 4.1rem;
right: -.4rem;
border-style: solid;
border-color: transparent transparent transparent #555349;
border-width: 4rem 0 .4rem .4rem;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(6) > div:nth-child(7):after {
z-index: 1;
width: .4rem;
height: 2.1rem;
top: 8.8rem;
right: 7.9rem;
border-style: solid;
border-color: transparent transparent transparent #46453c;
border-width: 0 .2rem 2.1rem .2rem;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(6) > div:nth-child(8) {
position: absolute;
width: 2rem;
height: 3.4rem;
top: 1.6rem;
right: 2.3rem;
border-style: solid;
border-color: transparent transparent #494844 #494844;
border-width: 2.5rem 0 .9rem 2rem;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(6) > div:nth-child(8):before, .codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(6) > div:nth-child(8):after {
content: "";
position: absolute;
border-style: solid;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(6) > div:nth-child(8):before {
width: 2.6rem;
height: 5.1rem;
top: .9rem;
right: 0;
border-color: #494844 transparent #44433a #3b3932;
border-width: 2.6rem 0 2.5rem 2.6rem;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(6) > div:nth-child(8):after {
width: 1.9rem;
height: 3.8rem;
top: 2.2rem;
right: .6rem;
border-color: transparent transparent #494844 #494844;
border-width: 1.8rem 0 0 1.9rem;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(6) > div:nth-child(9) {
position: absolute;
width: 2.7rem;
height: .7rem;
top: 9.4rem;
right: 2.3rem;
border-style: solid;
border-color: transparent #555349;
border-width: .7rem 1.1rem 0 1.6rem;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(6) > div:nth-child(9):before, .codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(6) > div:nth-child(9):after {
content: "";
position: absolute;
border-style: solid;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(6) > div:nth-child(9):before {
width: 3.3rem;
height: 5.6rem;
right: -1.1rem;
border-color: transparent transparent #46453c #555349;
border-width: 0 0 1.7rem 3.3rem;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(6) > div:nth-child(9):after {
z-index: -1;
width: 2.3rem;
height: 4.2rem;
top: 1.4rem;
right: -3.4rem;
border-color: transparent transparent transparent #46453c;
border-width: 0 0 2.4rem 2.3rem;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(6) > div:nth-child(10) {
position: absolute;
width: .9rem;
height: 17rem;
right: 8.6rem;
bottom: 0;
border-style: solid;
border-color: transparent #48473e transparent transparent;
border-width: 9.9rem .9rem .8rem 0;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(6) > div:nth-child(10):before, .codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(6) > div:nth-child(10):after {
content: "";
position: absolute;
border-style: solid;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(6) > div:nth-child(10):before {
z-index: -1;
width: 4rem;
height: 3.8rem;
top: 2.2rem;
right: -7.9rem;
border-color: #46453c transparent transparent #46453c;
border-width: 0 0 1.7rem 3.3rem;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(6) > div:nth-child(10):after {
width: 3rem;
height: 3.8rem;
top: 3.3rem;
right: -3.9rem;
border-color: #3e3b33 transparent transparent #3e3b33;
border-width: 0 0 1.1rem 3rem;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(6) > div:nth-child(11) {
position: absolute;
background: #65635b;
z-index: 1;
width: .8rem;
height: 16.4rem;
top: .1rem;
right: 8.5rem;
border-top-left-radius: .8rem 7rem;
border-bottom-left-radius: .5rem 3.5rem;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(6) > div:nth-child(11):before, .codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(6) > div:nth-child(11):after {
content: "";
position: absolute;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(6) > div:nth-child(11):before {
width: 4.6rem;
height: 2rem;
right: -4.6rem;
border-style: solid;
border-color: transparent transparent #65635b #65635b;
border-width: 1.2rem .6rem .8rem 4rem;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] #master-chief > div:nth-child(6) > div:nth-child(11):after {
width: 4.6rem;
height: 14.4rem;
top: 2rem;
right: -4.6rem;
border-style: solid;
border-color: #65635b transparent transparent #65635b;
border-width: 13.6rem 1.6rem .8rem 3rem;
}

.codepen-wrapper[data-codepen-id="Yyjpqe"] blockquote {
display: inline-block;
font-size: 2.4rem;
margin-bottom: 5rem;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] blockquote main {
quotes: "“" "”" "‘" "’";
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] blockquote main:before {
content: open-quote;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] blockquote main:after {
content: close-quote;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] blockquote footer {
display: block;
font-size: 1.6rem;
color: #999;
margin: 1rem 0 0 0;
}
.codepen-wrapper[data-codepen-id="Yyjpqe"] blockquote footer:before, .codepen-wrapper[data-codepen-id="Yyjpqe"] blockquote footer:after {
content: "";
position: relative;
display: inline-block;
background: #333;
width: .9rem;
height: .1rem;
top: -.4rem;
margin: 0 .5rem;
}

@keyframes shine-move {
42% {
top: 21rem;
left: 6.5rem;
opacity: 0;
}
50% {
opacity: 1;
}
58% {
top: 18.5rem;
left: 19.5rem;
opacity: 0;
}
}